body,
html {
    background: #fff;
}

$color:#ff483b;

.ku-nav {
    width: 246px;
}

.b-top {
    border-top: 1px solid #f3f3f1;
}

.try-nav {
    width: 507px;
    // height: 30;
    margin: 0 auto;
    font-size: 15px;

    .tnew {
        margin-top: 6px;
        margin-bottom: 6px;
        float: left;
        // display: inline-block;
        width: 123px;
        text-align: center;
        line-height: 30px;
        color: #baafa6;
        // color: #2c2c2c;
    }

    .tz {
        color: #2c2c2c;
    }
}

.try-new {
    background-color: #f7f7f6;
    height: 100%;
    padding: 20px;

    .total,
    .application,
    .end {

        li {
            position: relative;
            float: left;
            // width: 248px;
            width: 15rem;
            // height: 247px;
            background-color: #fff;
            border: 1px solid #ebe9e7;
            border-radius: 8px;
            margin-right: 1.125rem;
            margin-bottom: 1rem;

            .top-img {
                width: 100%;
                height: 141px;
                border-radius: 8px 8px 0 0;
            }

            .t-title {
                font-weight: 700;
                margin-top: 12px;
                font-size: 1.1rem;
                height: 3.7rem;
                overflow: hidden;
                padding: 0 0.5rem;
                text-align: center;
            }

            .t-num {
                margin-top: 10px;
                margin-bottom: 10px;
                text-align: center;

                .test-num {
                    display: inline-block;
                    width: 45px;
                    height: 24px;
                    margin-left: 8px;
                    border: 1px solid $color;
                    border-radius: 8px;
                    color: $color;
                    font-size: 13px;
                }

                .lv {
                    border: 1px solid #65d473;
                    color: #65d473;
                }
            }

            p {
                color: $color;
                font-size: 14px;
                text-align: center;

                span {
                    color: #2c2c2c;
                }
            }

            .yu {
                font-size: 13px;
                color: #baafa6;
                margin-bottom: 10px;
            }

            .green {
                color: #65d473;
            }

            .red {
                color: $color;
                // margin-bottom: 10px;
            }

            .start {
                position: absolute;
                top: 0;
                right: 0;
                background-color: $color;
                color: #fff;
                // width: 46px;
                padding: 0 10px;
                line-height: 26px;
                text-align: center;
                border-radius: 0 8px 0 8px;
            }

            .huang {
                background-color: #fef4c7;
                color: #e0a783;
            }
        }
    }
}